<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html>
	<head>
		<meta charset="utf-8">
		<title>头部主体</title>
		<script type="text/javascript">
			function index() {
				top.window.location.href="/index.html"
			}
			function fan() {
				top.window.location.href="/findAllFan"
			}
			function paiHang() {
				top.window.location.href="/findAllVideo2"
			}
			function food(classfication) {
				top.window.location.href="/findAllVideo/"+classfication
			}
		</script>
		<!--移动设备优先-->
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		
		<!--引入Bootstrap CSS-->
		<link rel="stylesheet" th:href="@{/css/bootstrap.css}">
	</head>
	<body>
		<header class="mt-4">
			<div class="container">
				<div class="row">
					<div class="col-3 col-sm-3 col-md p-1" style="height: 100px;line-height: 75px;">
						<div class="text-center w-100 h-75 rounded-lg" style="background-color: #7ABAFF;">
							<a class="d-inline-block text-white text-decoration-none" href="#" th:onclick="|javascript:index()|"><h5>首页</h5></a>
						</div>
					</div>
					<div class="col-3 col-sm-3 col-md p-1" style="height: 100px;line-height: 75px;">
						<div class="text-center w-100 h-75 rounded-lg" style="background-color: #7ABAFF;">
							<a class="d-inline-block text-white text-decoration-none" href="#"><h5>动态</h5></a>
						</div>
					</div>
					<div class="col-3 col-sm-3 col-md p-1" style="height: 100px;line-height: 75px;">
						<div class="text-center w-100 h-75 rounded-lg" style="background-color: #7ABAFF;">
							<a class="d-inline-block text-white text-decoration-none" href="#"><h5>热门</h5></a>
						</div>
					</div>
					<div class="col-3 col-sm-3 col-md p-1" style="height: 100px;line-height: 75px;">
						<div class="text-center w-100 h-75 rounded-lg" style="background-color: #7ABAFF;">
							<a class="d-inline-block text-white text-decoration-none" href="#" th:onclick="|javascript:paiHang()|"><h5>排行榜</h5></a>
						</div>
					</div>
					<div class="col-3 col-sm-3 col-md p-1" style="height: 100px;line-height: 75px;">
						<div class="text-center w-100 h-75 rounded-lg" style="background-color: #7ABAFF;">
							<a class="d-inline-block text-white text-decoration-none" href="#"><h5>动画</h5></a>
						</div>
					</div>
					<div class="col-3 col-sm-3 col-md p-1" style="height: 100px;line-height: 75px;">
						<div class="text-center w-100 h-75 rounded-lg" style="background-color: #7ABAFF;">
							<a class="d-inline-block text-white text-decoration-none" href="#" th:onclick="|javascript:fan()|"><h5>番剧</h5></a>
						</div>
					</div>
					<div class="col-3 col-sm-3 col-md p-1" style="height: 100px;line-height: 75px;">
						<div class="text-center w-100 h-75 rounded-lg" style="background-color: #7ABAFF;">
							<a class="d-inline-block text-white text-decoration-none" href="#"><h5>国创</h5></a>
						</div>
					</div>
					<div class="col-3 col-sm-3 col-md p-1" style="height: 100px;line-height: 75px;">
						<div class="text-center w-100 h-75 rounded-lg" style="background-color: #7ABAFF;">
							<a class="d-inline-block text-white text-decoration-none" href="#" th:onclick="|javascript:food(11)|"><h5>美食</h5></a>
						</div>
					</div>
				</div>
			</div>
		</header>
		
		<!--引入 JavaScript文件和jQuery-->
		<!--引入顺序：jQuery，然后Popper.js，然后Bootstrap.js-->
		<script th:src="@{/js/jquery.min.js}"></script>
		<script th:src="@{/js/bootstrap.bundle.js}"></script>
	</body>
</html>
